<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景属性学习</title>

</head>
<body style="background-image: url(backgroundback/webbackmain.jpg);background-repeat: no-repeat;
 background-size: cover;">
    <header
     >
     <p>属性图鉴</p>
        <img src="backgroundkecheng/u_imgbackg.png" alt="">
    </header>

    <nav
     style="background-color: white;">
        <ol>
            <li>设置背景颜色
                <p>无需设置宽高 </p>
            </li>
            <li>设置背景图片
                <p>需要设置宽高 不然不会显示</p>
            </li>
            <li>设置宽高</li>
        </ol>
    </nav>

    <article
     >


    </article>

    <footer
    style="background-image: url(backgroundback/OIP-C.jpg); background-size: cover;background-repeat: no-repeat;width:100%;height: 600px;">

    <p>蠢梦</p>
    <hr>
    <p>woo</p>
    </footer>

    
</body>
</html>